<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            $("#askBtn").click(function () {
                $("#questionSpan").html("两头牛");
                //设置元素的样式
                $("#questionSpan").css({"color":"red",backgroundColor:"yellow"});
            })

            $("#imgSelect").change(function () {
                // //将元素对象的src属性赋值
                // $("#SelectImg").attr("src",$(this).val());

                $("#SelectImg").prop("src",this.value);
            })

            // alert($("#userName").val())
            // $("#userName").val("asd")

            // var btnObj = document.getElementById("myBtn");
            // btnObj.onclick = function () {
            //     alert(1)
            // }
            // btnObj.onclick = function () {
            //     alert(2)
            // }

            $("#myBtn").click(function () {
                alert(1);
            })
            $("#myBtn").click(function () {
                alert(2);
            })
        })
    </script>
</head>
<body>
    <input type="button" value="一头公牛一头母牛" id="askBtn">
    <span id="questionSpan"></span><hr>
    <img src="../img/1.jpg" width="960" height="600" id="SelectImg"><br>
    <select id="imgSelect">
        <option value="../img/1.jpg">春香</option>
        <option value="../img/2.jpg">夏香</option>
        <option value="../img/9.jpg">秋香</option>
        <option value="../img/10.jpg">冬香</option>
    </select>

    <input type="text" value="123" id="userName">

    <input type="button" value="点击" id="myBtn">
</body>
</html>